@import "~themes/default.less";

.home {
  height: 100%;
  .code-lines {
    background: url(~assets/svg/codelines.svg), #2b3137;
    background-size: cover;
    background-position: center;
  }

  .main {
    width: 100%;
    height: 100%;
    position: relative;

    .center {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -80%);

      .title {
        font-size: 5.5em;
        color: white;
        -webkit-font-smoothing: antialiased;
        font-family: Roboto, BlinkMacSystemFont, sans-serif;
        text-align: center;
      }

      .spec {
        margin-top: 0.5em;
        font-size: 2.5em;
        color: rgba(255, 255, 255, 0.6);
        -webkit-font-smoothing: antialiased;
        font-family: Roboto, BlinkMacSystemFont, sans-serif;
        text-align: center;
      }

      .search-area {
        margin-top: 4em;
        text-align: center;
      }
    }
  }
}
